<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>访问控制-调用方测站管理</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>


    <meta name="renderer" content="webkit"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link
            href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
            rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css"
          id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .control-label {
            line-height: 34px;
            text-align: right;
        }

        .no-padding-right {
            padding-right: 0px !important
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }

    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div id="main-container" style="margin-top:16px;">
    <!--Begin Right Content-->

    <div class="row">
        <div class="col-sm-12">
            <label class="col-sm-2 control-label"> <span style="color: red">*</span>分组名称:</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" v-model="catalogInfo.catalogName"
                       placeholder="请输入分组名称">
            </div>

            <label class="col-sm-2 control-label">分组说明:</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" v-model="catalogInfo.remark"
                       placeholder="请输入分组说明">
            </div>
        </div>
    </div>
    <hr>
    <caption>
        <span style="font-size: 18px;line-height: 45px">
            测站选择
        </span>
    </caption>

    <div class="table-toolbar">
        <div class="row">
            <div class="col-md-11">
                <div class="form-group">
                    <label class="col-md-1 control-label no-padding-right">测站编码：</label>
                    <div class="col-md-2">
                        <div class="input-group">
                            <input type="hidden" id="catalogId" class="form-control">
                            <input type="text" class="form-control"
                                   id="stcd"
                                   placeholder="请输入">
                        </div>
                    </div>

                    <label class="col-md-1 control-label no-padding-right">测站名称：</label>
                    <div class="col-md-2 ">
                        <input id="stnm"
                               type="text" class="form-control "
                               placeholder="请输入"/>
                    </div>
                    <label class="col-md-1 control-label no-padding-right" style="width: 150px;">行政区划码：</label>
                    <div class="col-md-2 form-group">
                        <input id="addvcd"
                               type="text" class="form-control"
                               placeholder="请输入"/>
                    </div>
                </div>
            </div>
            <div class="col-md-1">
                <div class="btn-group" style="float: right;margin-right: 10px;">
                    <button id="btn_Search" @click='searchStations' class="btn blue-steel">
                        查询 <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <table id="tb_dataList" class="portlet-body table table-hover table-bordered table-striped">

    </table>


</div>


<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
<!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
        type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<!-- VUE -->
<script src="../metronic/assets/vue/vue.global.js"
        type="text/javascript"></script>
<script src="../metronic/assets/vue/vue@2.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/accessControl/applicationGroupInfo.js" type="text/javascript"></script>


<!--acStationInfoAdd.html-->
</body>
</html>
